<template>
  <div class="list">
    <AppVideoItem v-for="item in list" :key="item.id" :video="item" />
  </div>
</template>

<script lang="ts" setup>
import { ref } from 'vue'
import axios from 'axios'
import AppVideoItem from '@/components/app-video-item.vue'
import { IVideoItem } from '../types'

const list = ref<IVideoItem[]>([])
axios({
  method: 'get',
  url: '/recommendList'
}).then(({ data }) => {
  // console.log(data.result)
  list.value = data.result
})
</script>

<style lang="less">
.list {
  display: flex;
  flex-wrap: wrap;
  padding: 0 1vw;
}
</style>
